<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="viewport"
          content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <title>app首页</title>
    <link rel="stylesheet" href="../css/app/app_style.css">
</head>
<body>
    <article class="app_index ">
        <div class="app_carousel">
            <img src="images/2.jpg" alt="">
            <span class="cancel"><img src="images/del-icon@3x.png" alt=""></span>
        </div>
        <div class="app_info">
            <div class="m-lr">
                <div class="pull-left">
                    <span class="app_info_day btn btn_theme">廿四</span>
                    <span class="app_info_date">
                        <p class="f16">五月 丙申年</p>
                        <p>2016-06-28 星期二</p>
                    </span>
                </div>
                <div class="pull-right">
                    <img src="images/cloudy@3x.png" alt="" >
                    <span class="weather">
                        多云 <br/>
                        38/29°C
                    </span>
                </div>
            </div>
        </div>
        <div class="app_myGenealogy">
            <div class="app_module_title m-lr">
                <div class="app_module_title_text">
                    我的族谱
                </div>
                <div class="app_module_title_more">
                    <a href="#"><img src="images/enter-icon@3x.png" alt="" class="enter_more"></a>
                </div>
            </div>
            <div class="myGenealogy m-lr">
                <div class="media">
                    <div class="media_left">
                        <img src="images/zupu.png" alt="" width="120">
                    </div>
                    <div class="media_right">
                        <h3 class="text_theme text_oneline">长沙张氏十修族谱</h3>
                        <div class="m-t">
                            <p>在世人数：<span class="text_theme">3952</span></p>
                            <p class="m-t-xs">总人数：1192</p>
                            <p class="text_lg m-t-xs">2016-07-29 创建</p>
                        </div>
                        <div class="m-t">
                            <button class="btn btn_theme">查看族谱</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="app_menu">
            <ul class="m-lr">
                <li><a href="#"><img src="images/01@3x.png" alt=""><br/>话费查询</a></li>
                <li><a href="#"><img src="images/02@3x.png" alt=""><br/>黄历查询</a></li>
                <li><a href="#"><img src="images/03@3x.png" alt=""><br/>周公解梦</a></li>
                <li><a href="#"><img src="images/04@3x.png" alt=""><br/>八字排盘</a></li>
                <li><a href="#"><img src="images/05@3x.png" alt=""><br/>违章查询</a></li>
                <li><a href="#"><img src="images/06@3x.png" alt=""><br/>创建记录</a></li>
                <li><a href="#"><img src="images/07@3x.png" alt=""><br/>创建族谱</a></li>
                <li><a href="#"><img src="images/08@3x.png" alt=""><br/>游戏娱乐</a></li>
            </ul>
        </div>
        <div class="record_list">
            <div class="app_module_title m-lr">
                <div class="app_module_title_text">
                    推荐记录
                </div>
                <div class="app_module_title_more">
                    <a href="#"><img src="images/enter-icon@3x.png" alt="" class="enter_more"></a>
                </div>
            </div>
            <ul>
                <li>
                    <div class="media">
                        <div class="media_left">
                            <a href="#"><img src="images/1.png" alt=""></a>
                        </div>
                        <div class="media_right">
                            <h4>家谱--记录民间百姓历史的档案馆</h4>
                            <span class="tobottom">2016-07-29 1925人阅读</span>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="media">
                        <div class="media_left">
                            <a href="#"><img src="images/1.png" alt=""></a>
                        </div>
                        <div class="media_right">
                            <h4>家谱--记录民间百姓</h4>
                            <span class="tobottom">2016-07-29 1925人阅读</span>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
    </article>
</body>
</html>